<template>
	<view class="page">
		<view class="myset-form">
			<view class="form-form">
				<view class="form-item">
					<span class="title">头像</span>
					<span class="arrow">></span>
					<img class="image" src="/static/logo.png">
				</view>
				<view class="form-item">
					<span class="title">名字</span>
					<span class="arrow1">dbb</span>
				</view>
				<view class="form-item">
					<span class="title">手机号</span>
					<span class="arrow2">13999999999</span>
				</view>
			</view>
		</view>
		
		<view class="myset-address">
			<view class="address-item">
				<span class="iconfont icon-dizhi"></span>
				<span class=" address-title">我的地址</span>
				<span class="address-arrow">></span>
			</view>
		</view>
		
		<view class="myset-password">
			<view class="password-item">
				<span class="iconfont icon-dizhi"></span>
				<span class="password-title">修改密码</span>
				<span class="password-arrow">></span>
			</view>
		</view>
		<view class="myset-btn">
			保存修改
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
.page {
	width: 100%;
	height: 100vh;
	background-color: #f2f2f2;
	.myset-form{
		width: 100%;
		height: 400rpx;
		background-color: #ffffff;
		.form-form {
			
		}
		.form-item {
			padding-left: 5rpx;
			padding: 22px;
			border-bottom: 1px solid #d7d7d7; //底部边框
			margin: 0 20rpx;
			.image {
				width: 6%;
				height: 40rpx;
				margin-left: 250px;
				
			}
			.title {
				font-size: 15px;
				position: relative;
			}
			.arrow {
				position: absolute;
				left: 340px;
				color: #a3a3a3;
			}
			.arrow1 {
				position: absolute;
				left: 330px;
				color: #a3a3a3;
			}
			.arrow2 {
				position: absolute;
				left: 260px;
				color: #a3a3a3;
			}
		}
		
	}
	.myset-address,.myset-password {
		width: 100%;
		height: 100rpx;
		background-color: #ffffff;
		margin-top: 20rpx;
		line-height: 100rpx;
		.address-item,.password-item {
			margin-left: 20px;
			
			.address-title,.password-title {
				
				font-size: 15px;
				position: relative;
			}
			.address-arrow,.password-arrow {
				position: absolute;
				left: 340px;
				color: #a3a3a3;
			}
			.iconfont {
				color: #a7c5fb;
				font-size: 36rpx;
				margin: 10px;
			}
		}
		
	}
	.myset-btn {
		width: 85%;
		height: 80rpx;
		line-height: 80rpx;
		text-align: center; //字在中间
		background-color: #1067d1;
		margin:  80rpx auto 0;
		border-radius: 40rpx;//圆弧
		color: #ffffff;
	}
	
}
</style>
